<template>
  <div class="news">
    <common-head title="附近信息" color="#fff" bgColor="#FFB36E"></common-head>
    <div class="content"></div>
    <comment :data="datas"></comment>
  </div>
</template>
<script>
  import commonHead from '@/components/commonHead'
  import comment from '@/components/comment'
  export default {
    components:{
      commonHead,
      comment
    },
    data(){
      return {
        datas:null
      }
    },
    methods:{

    },
    activated(){
      this.datas = this.$route.params.data;
      let content = document.getElementsByClassName('content')[0];

      content.innerHTML = this.datas.content;
    }
  }
</script>
<style lang="less">
  @import "~less/base";
  .news{
    position: absolute;
    background: white;
    overflow: scroll;
    height: 100%;
    width: 100%;
    z-index: 33;
    img{width: 100%}
    .content{
      video{
        width: 100%;
        padding: 0 0.2rem;
      }
      padding-top: 1.2rem;
      p{
        text-indent: 2em;
        margin-top: 0.2rem;
        line-height: 1.5;
        letter-spacing: 1px;
        padding: 0 0.2rem;
      }
      h1:nth-child(1){
        font-size: 21px;
        padding: 0 0.3rem;
      }
      h1:nth-child(2){
        font-weight: normal;
        >div:nth-child(1){
          color: #c2c2c2;
        }
        img{
          margin: 0.3rem 0;
          padding: 0 0.2rem;
        }
      }
    }
  }
</style>
